<template>
  <view class="agreement-wrap">
    <custom-navigation :title="title">
    </custom-navigation>
    <view class="agreement-content">
      <rich-text :nodes="text"></rich-text>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        title: "",
        text: ''
      }
    },
    methods: {

    },
    onLoad(option) {
      if (option.title) {
        this.title = decodeURIComponent(option.title)
        uni.setNavigationBarTitle({
          title: this.title
        })
      }
      if (option.text) {
        this.text = decodeURIComponent(option.text)
      }
    }
  }
</script>

<style scoped>
  .container {
    position: fixed;
    top: 0;
    left: 0;
    height: 88rpx;
    z-index: 1;
  }
  .agreement-wrap {
    background-color: #fff;
    padding-top: calc(var(--status-bar-height) + 88rpx);
  }

  .agreement-content {
    padding: 20rpx;
  }
</style>
